<template>
	<div class="home">
		<div :class="[menuOPenOrClose?'close':'open']">
			<layout-navs></layout-navs>
			<layout-head></layout-head>
			<layout-tags></layout-tags>
			<layout-main></layout-main>
		</div>

	</div>
</template>
<script>
	import layoutNavs from "@/components/Navs";
	import bus from "@/components/bus.js";
	import layoutHead from "@/components/Head";
	import layoutMain from "@/components/Main";
	import layoutTags from "./Tags"
	import {
		reactive,
		ref,
		isRef,
		toRefs,
		onMounted,
		computed
	} from "@vue/composition-api";
	export default {
		name: "home",
		components: {
			layoutNavs,
			layoutHead,
			layoutMain,
			layoutTags
		},
		setup(props, {
			refs,
			root
		}) {
			//data


			//onMounted
			onMounted(() => {




			})
			//computed
			let menuOPenOrClose = computed(() => root.$store.state.isCollapse);
			//method
			return {
				menuOPenOrClose
			};
		}

	};
</script>
<style scoped>


</style>
